<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="../../css/base.css" type="text/css" rel="stylesheet" />
<link href="../../css/manage.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="../../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../../js/jquery.validate.js"></script>
<!--[if ie]><link href="../../css/ie.css" type="text/css" rel="stylesheet"><![endif]-->
<script type="text/javascript">
	$(function(){
		$("#login_form").validate({
			rules:{
				mail:{
					required:true,
					email:true
				},
				password:{
					required:true
				}				
			},
			messages:{
				mail:{
					required:"邮箱不能为空！",
					email:"邮箱格式错误！"
				},
				password:{
					required:"密码不能为空！"
				}
			},
			errorPlacement:function(error,element){
				error.appendTo(element.siblings("div.validate_v"));
			}
		});
	});
</script>
</head>

<body>
	<!-- head -->
    <div class="w100p">
        <div class="head_down_wrap">
        	<div class="w903 mg clearfix">
            	<div class="logo fl"><a href="#"><img src="../../images/common/logo.png" class="block" /></a></div>
            	<ul class="main_menu">
                	<li>
                    	<a href="#">首页</a>
                    </li>
                    <li>
                    	<a href="#">小店</a>
                    </li>
                    <li>
                    	<a href="#">大街小巷</a>
                    </li>
                </ul>
                <div class="search_box">
                	<input type="text" class="txt" />
                    <input type="button" class="btn" />
                </div>
            </div>    	
        </div>
    </div>
    <!-- head--end-->
    
    <!-- nav_tit -->
    <div class="w100p">
    	<div class="w903 mg">
        	<div class="nav_tit">
            	小时候的胡同，现在的马路？大商场的繁华，街边小店的幽静，你更喜欢哪个？来吧，我们一起走街串店.......
            </div>
        </div>
    </div>
    <!-- nav_tit--end-->
    
    <!-- body -->
    <div class="w100p mb20">
    	<div class="w903 mg">
        	<div class="box_s1">
            	<div class="b_head"></div>
                <div class="content lr_pd_s1">
                	<div class="login_box">
                    	<h3 class="title">登录</h3>
                    	<div class="box_s4 login">
                        	<div class="b_head"></div>
                            <div class="content">
                            	<form action="" id="login_form">
                                    <table class="com_form">
                                        <tr>
                                            <td width="50" class="col1">邮箱</td><td><input type="text" class="def_txt_s1" name="mail" /><br class="clear" /><div class="validate_v" ></div></td>
                                        </tr>
                                        <tr>
                                            <td width="50" class="col1">密码</td><td><input type="text" class="def_txt_s1" name="password" /><br class="clear" /><div class="validate_v" ></div></td>
                                        </tr>
                                        <tr>
                                            <td width="50" class="col1">验证码</td><td><input type="text" class="def_txt_s2" /><img src="../../images/others/yzm.png" class="yzm" /><span class="tip">点击图片换一张</span></td>
                                        </tr>
                                        <tr>
                                            <td width="50" class="col1"></td><td><input type="submit" value="免费注册" class="def_btn_s5 mr10" /><a href="#" class="forget ml10">忘记密码？</a></td>
                                        </tr>
                                    </table>
                                </form>
                                <div class="other_ope">
                                	<a href="#">还没注册？</a><img src="../../images/common/sperate_2.jpg" /><a href="#">免费注册</a>
                                </div>
                            </div>
                            <div class="b_foot"></div>
                        </div>
                    </div>
                    
                </div>
                <div class="b_foot"></div>
            </div>
        </div>
    </div>
    
    <!-- body--end-->
    
    <!-- foot-->
    <div class="footer_wrap">
    	<div class="w903 mg foot">
        	<div class="foot_menu">
            	<a href="#">关于我们</a>
                <a href="#">广告服务</a>
                <a href="#">使用帮助</a>
                <a href="#">加入我们</a>
                <a href="#">免责声明</a>
                <a href="#">给我们意见</a>
            </div>
            <div class="copyright">
            	Copyright © 2012 街边小店 版权所有  ©沪ICP备10026245号
            </div>
            <div class="share_box">
            	<a href="#" class="icon_s1"></a>
                <a href="#" class="icon_s2"></a>
            </div>
        </div>
    </div>
    <!-- foot--end-->	
</body>
</html>
